<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        action  就是根据action里面的地址找服务器
        method  请求方式:他有两种形式 get/post
                    get 可以在URL栏当中显示账号密码
                    post 在请求体里面显示
                    
        name    服务器根据name属性获取你的字段的,前端也是根据name来生成查询字符串

        https://www.baidu.com/              百度的服务器地址
        username=wenyuan&password=123456    查询字符串
     -->
    <form action="http://www.baidu.com" method="post">
        账号: <input type="text" placeholder="请输入账号" name="username"><br>
        密码: <input type="password" placeholder="请输入密码" name="password"><br>
        <input type="submit" value="登录">
    </form>
</body>
</html>